<template>
  <x-sub-page class="field-assessment" :content="'新建供应商实地考核'" :back="false" @goBack="handleBack">
    <!-- 基本信息 -->
    <el-form :model="params" :rules="rules" ref="params" class="demo-form-inline" label-position="top">
      <el-row :gutter="20">
        <x-col>
          <el-form-item :label="$t('supplier.fieldAssessment.date')" prop="name">
            <el-date-picker
              v-model="params.date"
              type="date"
              value-format="yyyy-MM-dd"
              :placeholder="$t('supplier.fieldAssessment.placeholderSelect')"
            >
            </el-date-picker>
          </el-form-item>
        </x-col>
        <x-col>
          <el-form-item :label="$t('supplier.fieldAssessment.date')" prop="name">
            <el-date-picker
              v-model="params.date"
              type="date"
              value-format="yyyy-MM-dd"
              :placeholder="$t('supplier.fieldAssessment.placeholderSelect')"
            >
            </el-date-picker>
          </el-form-item>
        </x-col>
        <x-col>
          <el-form-item :label="$t('supplier.fieldAssessment.date')" prop="name">
            <el-date-picker
              v-model="params.date"
              type="date"
              value-format="yyyy-MM-dd"
              :placeholder="$t('supplier.fieldAssessment.placeholderSelect')"
            >
            </el-date-picker>
          </el-form-item>
        </x-col>
        <x-col :span="24">
          <el-form-item :label="$t('supplier.fieldAssessment.file')" prop="file">
            <x-upload
              ref="fileUpload"
              :edit-flag="true"
              :limit="1"
              :fileSize="2"
              :span="24"
              :isFileRemark="false"
              :old-file-list="params.filesList"
              :file-type="['jpg', 'jpeg', 'png']"
              :tips="'支持上传PNG/JPG/jpeg形式文件,附件大小不超过2MB.'"
            >
            </x-upload>
          </el-form-item>
        </x-col>
      </el-row>
    </el-form>
  </x-sub-page>
</template>
<script>
  export default {
    name: 'FieldAssessment',
    components: {},
    mixins: [],
    inject: ['closePages'],
    data() {
      return {
        params: {
          filesList: []
        },
        rules: {}
      }
    },
    methods: {
      handleBack() {
        this.$router.go(-1)
        this.closePages()
      }
    }
  }
</script>
<style lang="scss" scoped>
  .field-assessment {
    // height: auto;
  }
</style>
